<template>
    <div id="app">
        <mt-header title="企业荣誉">
            <router-link to="/" slot="left">
                <mt-button icon="back">返回</mt-button>
            </router-link>
            <mt-button icon="more" slot="right"></mt-button>
        </mt-header>
        <main>



            <!-- 荣誉历程 -->
            <section class="honor_bg">
                <img src="../../img/ry.png">
            </section>
            <section class="event-body">
                <div class="event-group" v-for="item in this.HonorDatalist" :key="item.unid">
                    <div class="event-y">
                        <span class="blue-c f30">{{item.title}}</span>
                    </div>
                    <div class="event-con">
                        <img class="e-dot" src="http://s.300.cn/v2.0/mobile/images/aboutus/cir.png" alt="" data-bd-imgshare-binded="1">
                        <div class="ec-item mt-22">
                            <div class="ec-time">{{item.createDate|time}}</div>
                            <div class="ec-con">{{item.honorShort}}</div>
                            <div class="ec-con" v-html="item.contentStr"></div>
                        </div>
                        <!-- <div class="ec-item">
                            <div class="ec-time">2017.04</div>
                            <div class="ec-con">优仕推出企业建站的终极解决方案——全网门户。全网门户是集企业形象展示、营销通路覆盖、内容传播、商机收集、业务扩展、服务保障于一体的企业营销管理平台。</div>
                        </div> -->
                    </div>
                </div>
               
    
            </section>
        </main>
    </div>
</template>

<script type="text/ecmascript-6">
    import axios from 'axios';
    import Video from '@/components/videolist'
    import {
        Header
    } from 'mint-ui';
    import {
	getApiByHonorData
	} from '../../api/api';
    export default {
        components: {
            "mt-header": Header,
        },
    
        data() {
            return {
                HonorDatalist:[],
    
            };
        },
    
        //方法
        methods: {
         HonorData() {
				let options = {
					params:{
						isTop:1,
						newsType:'',
						currentPage:1,
                         pageSize:20,
					}
				}
				getApiByHonorData(options).then((res) => {
					if (res.success === true) {
            this.HonorDatalist = res.data.data;
					}
				})
			}
        },
         created() {
			this.HonorData()
		}
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style lang="scss" scoped>
    //
    .mint-header {
        background: #262626
    }
    //
    .honor_bg{
            height: 140px;
    overflow: hidden;
    img{
        width: 100%;
    }
    }
    .event-body {
        padding:35px 10px
    }
    
    .event-body .event-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: -20px
    }
    
    .event-body .event-y {
        width: 70px;
        text-align: -webkit-right;
        padding-right: 20px;
    }
    
    .event-body .event-y span {
        font-size: 1rem
    }
    
    .event-body .event-con {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 0 0 15px;
        margin: 6px 0 0;
        border-left: 1px solid #e5e5e5;
        position: relative
    }
    
    .event-body .event-con .e-dot {
        position: absolute;
        width: 13px;
        height: 13px;
        left: -7px;
        top: -8px;
    }
    
    .event-body .event-con .ec-item {
        padding: 0 0 20px
    }
    
    .event-body .event-con .ec-item:last-child {
        margin: 0 0 25px
    }
    
    .event-body .event-con .ec-item .ec-time {
        font-size: .9rem;
        color: #00a0e9;
        margin:-10px 0 10px 0px
    }
    
    .event-body .event-con .ec-item .ec-con {
        font-size: .8rem;
        line-height: 22px;
        color: #707070
    }
    
    .blue-c {
        color: #00a0e9!important;
    }
    
    .mt-22 {
        margin-top: -22px;
    }
</style>
